<template>
	<div id="home">
		<el-container>
			<el-aside width="200px">
				<NavMenu></NavMenu>
			</el-aside>
			<el-container>
				<el-header>
					<LoginOut></LoginOut>
				</el-header>
				<el-main>
					<router-view></router-view>
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>

<script>
	import NavMenu from "./component/NavMenu.vue"
	import LoginOut from "./component/LoginOut.vue"
	export default {
		name: "Home",
		components: {
			NavMenu,
			LoginOut
		},
		data() {
			return {

			}
		}
	}

  //有趣的小功能
  var normalTitle = document.title
  window.onfocus = function () {
      document.title = '(/≧▽≦/)咦！你又回来啦';
      setTimeout(function(){
          document.title = normalTitle;
      }, 1500);
  };
  window.onblur = function () {
      document.title = '等等，你别走啊！！';
  };
</script>

<style scoped>
</style>
